<template>
  <div>
    <title-name title="推荐海外设计单位信息"></title-name>
    <a-form>
      <a-row>
        <a-col :md='8' :sm="8">
          <a-form-item  label="推荐设计资源名称"
            :labelCol="{ lg: { span: 6 }, sm: { span: 6 } }" 
            :wrapperCol="{ lg: { span: 16 }, sm: { span: 16 } }">
            <BaseInput placeholder="请输入" disabled  v-model="form.resName"></BaseInput>
          </a-form-item>
        </a-col>
        <a-col :md='8' :sm="8">
          <a-form-item  label="企业代码"
            :labelCol="{ lg: { span: 6 }, sm: { span: 6 } }" 
            :wrapperCol="{ lg: { span: 16 }, sm: { span: 16 } }">
            <BaseInput placeholder="请输入"  v-model="form.creditCode"></BaseInput>
          </a-form-item>
        </a-col>
        <a-col :md='8' :sm="8">
          <a-form-item  label="企业人数"
            :labelCol="{ lg: { span: 6 }, sm: { span: 6 } }" 
            :wrapperCol="{ lg: { span: 16 }, sm: { span: 16 } }">
            <BaseInput placeholder="请输入"  v-model="form.employeeNum"></BaseInput>
          </a-form-item>
        </a-col>
        <a-col :md='8' :sm="8">
          <a-form-item  label="企业性质"
            :labelCol="{ lg: { span: 6 }, sm: { span: 6 } }" 
            :wrapperCol="{ lg: { span: 16 }, sm: { span: 16 } }">
            <!-- <BaseInput placeholder="请输入"  v-model="form.nature" ></BaseInput> -->
            <a-select>
              <a-select-option v-for="item in typeList" :key="item.id">{{item.name}}</a-select-option>
            </a-select>
          </a-form-item>
        </a-col>
        <a-col :md='16' :sm="16">
          <a-form-item  label="企业地址"
            :labelCol="{ lg: { span: 3 }, sm: { span: 3 } }" 
            :wrapperCol="{ lg: { span: 19 }, sm: { span: 19 } }">
            <BaseInput placeholder="请输入"  v-model="form.address"></BaseInput>
          </a-form-item>
        </a-col>
        <a-col :md='8' :sm="8">
          <a-form-item  label="公司注册时间"
            :labelCol="{ lg: { span: 6 }, sm: { span: 6 } }" 
            :wrapperCol="{ lg: { span: 16 }, sm: { span: 16 } }">
            <BaseInput placeholder="请输入"  v-model="form.time"></BaseInput>
          </a-form-item>
        </a-col>
        <a-col :md='8' :sm="8">
          <a-form-item  label="法定资本(万)"
            :labelCol="{ lg: { span: 6 }, sm: { span: 6 } }" 
            :wrapperCol="{ lg: { span: 16 }, sm: { span: 16 } }">
            <BaseInput placeholder="请输入" :maxLength="30"  v-model="form.money"></BaseInput>
          </a-form-item>
        </a-col>
        <a-col :md='8' :sm="8">
          <a-form-item  label="企业法人代表姓名"
            :labelCol="{ lg: { span: 6 }, sm: { span: 6 } }" 
            :wrapperCol="{ lg: { span: 16 }, sm: { span: 16 } }">
            <BaseInput placeholder="请输入"  v-model="form.name"></BaseInput>
          </a-form-item>
        </a-col>
        <a-col :md='8' :sm="8">
          <a-form-item  label="法人代表电话"
            :labelCol="{ lg: { span: 6 }, sm: { span: 6 } }" 
            :wrapperCol="{ lg: { span: 16 }, sm: { span: 16 } }">
            <BaseInput placeholder="请输入" v-model="form.phone" ></BaseInput>
          </a-form-item>
        </a-col>
        <a-col :md='16' :sm="
          <a-form-item  label="承揽项目范围"
            :labelCol="{ lg: { span: 3 }, sm: { span: 3 } }" 
            :wrapperCol="{ lg: { span: 16 }, sm: { span: 16 } }">
            <BaseInput placeholder="请输入" v-model="form.projectScope" ></BaseInput>
          </a-form-item>
        </a-col>
        <a-col :md='24' :sm="24">
          <a-form-item  label="专业技术人员配备情况(如推荐企业所属下级团队，填写团队情况):"
            :labelCol="{ lg: { span: 3 }, sm: { span: 3 } }" 
            :wrapperCol="{ lg: { span: 16 }, sm: { span: 16 } }">
            <BaseInput type="textarea" :maxLength="300" placeholder="请输入"  v-model="form.situation"></BaseInput>
          </a-form-item>
        </a-col>
      </a-row>
    </a-form>
  </div>
</template>

<script>
import { getCompanyType  } from '@/api/design/resourceRecommend/basic'
import { addQualiyList ,editQualiyList , deleteQualiyList, getQualiyList} from '@/api/design/resourceRecommend/designCompany'
  import { getTypesLabel } from '@/api/commons'
const columns=[
    {
      title: '序号',
      scopedSlots: { customRender: 'serial' }
    },
    {
      title: '资质类别',
      dataIndex: 'type'
    },
    {
      title: '资质证书编号',
      dataIndex: 'code'
    },
    {
      title: '资质等级及承揽项目范围',
      dataIndex: 'range'
    },
    {
      title: '操作',
      dataIndex: 'action',
      width: '150px',
      scopedSlots: { customRender: 'action' }
    }
]
export default {
  name:'a'+ Date.now(),
    data(){
      this.columns = columns
      return{
        companyType:'',
        dataSource:[],
        form:{},
        typeList:[]
        
      }
    },
    created(){
      this.getQualiyList()
    },
    methods:{
      getCompanyType(){
        getCompanyType.then((res)=>{
          this.companyType = res.data
        })
      },
      getTypesLabel(){
        // 企业性质
        getTypesLabel({type:'17'}).then(res=>{
          this.typeList = res.data
        })
      },
      changeCompanyType(){

      },
      getQualiyList(){
        getQualiyList.then((res)=>{
          this.dataSource = res.data
        })
      }
    }
}
</script>

<style>

</style>